<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>广西美景</title>
    <link rel="shortcut icon" href="../favicon.ico">
    <link rel="stylesheet" href="../common/base.css">
    <link rel="stylesheet" href="../layout/head/index.css">
    <link rel="stylesheet" href="./index.css">
    <link rel="stylesheet" href="../layout/footer/index.css">
    <link rel="stylesheet" href="../layout/helper/index.css">
</head>
<body id="to-head">
    <!-- 头部开始 -->
    <div class="head-container" >
        <div class="head-wrapper">
            <div class="nav-wrapper">
                <h1 class="logo-wrapper">
                    <a href="../index.html" class="logo">
                        <img src="../image/logo.png" alt="" class="logo-img">
                    </a>
                </h1>

                <div class="nav-list">
                    <ul class="nav-items">
                        <li class="nav-item"><a href="../food/index.html" target="_self" class="nav-link">广西美食</a>
                        </li>
                        <li class="nav-item"><a href="../scenery/index.html" target="_self" class="nav-link">广西美景</a>
                        </li>
                        <li class="nav-item"><a href="../specialty/index.html" target="_self" class="nav-link">广西特产</a></li>
                        <li class="nav-item"><a href="../festival/index.html" target="_self" class="nav-link">特色节日</a>
                        </li>
                        <li class="nav-item"><a href="../contact/index.html" target="_self" class="nav-link">联系我们</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="login-wrapper">
                <div class="login-btn">
                    <a href="../login/login.html">
                        <div class="btn">登录</div>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <!-- 头部结束 -->

    <!-- 主要内容开始 -->
    <div class="container">
        <div class="scenery-wrap">
            <ul class="list-wrap">
                <li class="list-item">
                    <div class="item-img">
                        <img src="../image/qingxiushan.jpg" alt="">
                    </div>
                    <div class="text">
                        <h2 class="title">
                            青秀山
                        </h2>
                        <div class="icon ">
                            <img src="../image/满意度.png" alt="">
                            <img src="../image/满意度.png" alt="">
                            <img src="../image/满意度.png" alt="">
                            <img src="../image/满意度.png" alt="">
                            <img src="../image/满意度.png" alt="">
                        </div>
                        <div class="detail">
                            青秀山，又名青山，泰青岭，因林木青翠，山势秀拔而得名。它海拔207米，占地近八百公顷，山上林木茂盛，遮天蔽日，清风吹过时，发出海涛般的声浪，形成青山著名一景——青山松涛。青秀山顶上矗立的宝塔叫龙象塔，俗称青山塔，它是青秀山的象征.
                        </div>
                    </div>
                </li>
                <li class="list-item">
                    <div class="item-img">
                        <img src="../image/lijiang.jpg" alt="">
                    </div>
                    <div class="text">
                        <h2 class="title">
                            漓江
                        </h2>
                        <div class="icon">
                            <img src="../image/满意度.png" alt="">
                            <img src="../image/满意度.png" alt="">
                            <img src="../image/满意度.png" alt="">
                            <img src="../image/满意度.png" alt="">
                            <img src="../image/满意度.png" alt="">
                        </div>
                        <div class="detail">
                            漓江又名桂水、桂江、癸水、东江，流经广西壮族自治区桂林市，以流域孕育的独特绝世而又秀甲天下的自然景观桂林山水，“江作青罗带，山如碧玉簪”。其风景秀丽，山清水秀，洞奇石美，是驰名中外的风景名胜区。
                        </div>
                    </div>
                </li>
                <li class="list-item">
                    <div class="item-img">
                        <img src="../image/huangyaoguzhen.jpg" alt="">
                    </div>
                    <div class="text">
                        <h2 class="title">
                            黄姚古镇
                        </h2>
                        <div class="icon">
                            <img src="../image/满意度.png" alt="">
                            <img src="../image/满意度.png" alt="">
                            <img src="../image/满意度.png" alt="">
                            <img src="../image/满意度.png" alt="">

                        </div>
                        <div class="detail">
                            黄姚古镇方圆3.6公里。自然景观有八大景二十四小景；保存有寺观庙祠20多座，亭台楼阁10多处，多为明清建筑。景点有省工委旧址，古戏台，安乐寺、宝珠观、天然亭等。由于镇上以黄、姚两姓居多故名“黄姚。
                        </div>
                    </div>
                </li>
                <li class="list-item">
                    <div class="item-img">
                        <img src="../image/sanniangwan.jpg" alt="">
                    </div>
                    <div class="text">
                        <h2 class="title">
                            三娘湾
                        </h2>
                        <div class="icon">
                            <img src="../image/满意度.png" alt="">
                            <img src="../image/满意度.png" alt="">
                            <img src="../image/满意度.png" alt="">
                            <img src="../image/满意度.png" alt="">

                        </div>
                        <div class="detail">
                            三娘湾，是中华白海豚的故乡。地处中国南方北部湾沿海。水陆交通便捷，水产资源丰富，有青蟹、大蚝、对虾、石斑鱼等四大名产。
                        </div>
                    </div>
                </li>
                <li class="list-item">
                    <div class="item-img">
                        <img src="../image/龙脊梯田.jpg" alt="">
                    </div>
                    <div class="text">
                        <h2 class="title">
                            龙脊梯田
                        </h2>
                        <div class="icon">
                            <img src="../image/满意度.png" alt="">
                            <img src="../image/满意度.png" alt="">
                            <img src="../image/满意度.png" alt="">
                            <img src="../image/满意度.png" alt="">

                        </div>
                        <div class="detail">
                            龙脊梯田，是指在龙脊山上开发出的梯田，是世界人工栽培稻的发源地之一。唐宋时期龙胜梯田得到大规模开发，明清时期基本达到现有规模。龙胜梯田距今至少有2300多年的历史，堪称世界梯田原乡。
                        </div>
                    </div>
                </li>
                <li class="list-item">
                    <div class="item-img">
                        <img src="../image/涠洲岛.jpg" alt="">
                    </div>
                    <div class="text">
                        <h2 class="title">
                            涠洲岛
                        </h2>
                        <div class="icon">
                            <img src="../image/满意度.png" alt="">
                            <img src="../image/满意度.png" alt="">
                            <img src="../image/满意度.png" alt="">
                            <img src="../image/满意度.png" alt="">

                        </div>
                        <div class="detail">
                            涠洲岛总面积24.74平方公里
                            ，岛的最高海拔79米。涠洲岛是火山喷发堆凝而成的岛屿，有海蚀、海积及溶岩等景观，有“蓬莱岛”之称，是中国最大、地质年龄最年轻的火山岛，也是广西最大的海岛。
                        </div>
                    </div>
                </li>
                <li class="list-item">
                    <div class="item-img">
                        <img src="../image/德天瀑布.jpg" alt="">
                    </div>
                    <div class="text">
                        <h2 class="title">
                            德天瀑布
                        </h2>
                        <div class="icon">
                            <img src="../image/满意度.png" alt="">
                            <img src="../image/满意度.png" alt="">
                            <img src="../image/满意度.png" alt="">
                            <img src="../image/满意度.png" alt="">
                            <img src="../image/满意度.png" alt="">
                        </div>
                        <div class="detail">
                            德天瀑布位于广西壮族自治区崇左市大新县硕龙镇德天村，与紧邻的越南板约瀑布相连，是亚洲第一、世界第四大跨国瀑布，年均水流量约为贵州黄果树瀑布的三倍，
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <!-- 主要内容结束-->

    <!-- 底部开始 -->
    <div class="footer-container">
        <div class="footer-wrapper">
            <div>Copyright © 我的家乡2022 猫猫</div>
        </div>
    </div>
    <!-- 底部结束 -->
    <!-- 侧边栏开始 -->
    <a href="#to-head">
        <div class="helper-wrapper">
            <div class="to-top">
                <div class="to-top-img">
                    <img src="../image/totop.svg" alt="">
                </div>
                <span class="to-top-title">顶部</span>
            </div>
        </div>
    </a>
    <!-- 侧边栏结束-->
</body>

</html>